import React from 'react';
import { YmInput, YmSpace } from 'ym-design';

const YmInputBasic: React.FC = () => {
  return (
    <div>
      <YmSpace direction="vertical" size="large">
        <YmInput placeholder="Basic usage" />
        <YmInput
          addonBefore="http://"
          addonAfter=".com"
          defaultValue="mysite"
          placeholder="前缀，后缀"
        />
        <YmInput.Search
          placeholder="input search text"
          style={{ width: 200 }}
          allowClear
        />
        <YmInput.Password placeholder="Password" />
      </YmSpace>
    </div>
  );
};

export default YmInputBasic;
